import React from "react";

export function CalendarIcon(): JSX.Element {
  return (
    <svg
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M13.5714 0.714355C13.9659 0.714355 14.2857 1.03415 14.2857 1.42864L14.2862 2.25708C14.8861 2.35253 15.2745 2.5067 15.6646 2.71535C16.363 3.08887 16.9112 3.63699 17.2847 4.3354C17.624 4.96992 17.8193 5.59976 17.8521 7.14226L17.8571 7.14293V12.3632L17.8533 12.7989C17.8242 14.3844 17.6283 15.0222 17.2847 15.6647C16.9112 16.3632 16.363 16.9113 15.6646 17.2848C14.9662 17.6583 14.2735 17.8572 12.3631 17.8572H7.63686L7.20112 17.8534C5.61559 17.8243 4.97784 17.6284 4.3353 17.2848C3.63688 16.9113 3.08876 16.3632 2.71525 15.6647C2.35667 14.9943 2.15901 14.329 2.14378 12.5867L2.14282 7.63697V7.14293C2.18068 5.59976 2.37591 4.96992 2.71525 4.3354C3.08876 3.63699 3.63688 3.08887 4.3353 2.71535C4.72561 2.50661 5.11416 2.3524 5.71447 2.25697L5.71425 1.42864C5.71425 1.03415 6.03405 0.714355 6.42854 0.714355C6.82303 0.714355 7.14282 1.03415 7.14282 1.42864L7.14216 2.1479C7.29749 2.14459 7.46208 2.14293 7.63686 2.14293H12.3631C12.5381 2.14293 12.703 2.1446 12.8585 2.14792L12.8571 1.42864C12.8571 1.03415 13.1769 0.714355 13.5714 0.714355ZM16.4278 8.5715H3.57139L3.57205 12.5653L3.57837 12.9716C3.60614 14.0482 3.7199 14.5141 3.97498 14.991C4.21536 15.4405 4.55955 15.7847 5.00901 16.0251C5.54209 16.3102 6.06135 16.4187 7.43476 16.428H12.5652L12.9715 16.4217C14.048 16.3939 14.514 16.2801 14.9909 16.0251C15.4404 15.7847 15.7846 15.4405 16.0249 14.991C16.31 14.4579 16.4186 13.9387 16.4279 12.5653L16.4278 8.5715ZM13.6043 12.1429C13.9134 12.1429 14.1568 12.2009 14.3605 12.3099C14.5642 12.4188 14.7241 12.5787 14.833 12.7824C14.9419 12.9861 15 13.2295 15 13.5386V13.6044C15 13.9135 14.9419 14.1569 14.833 14.3606C14.7241 14.5643 14.5642 14.7242 14.3605 14.8331C14.1568 14.9421 13.9134 15.0001 13.6043 15.0001H13.5385C13.2294 15.0001 12.986 14.9421 12.7823 14.8331C12.5786 14.7242 12.4187 14.5643 12.3098 14.3606C12.2008 14.1569 12.1428 13.9135 12.1428 13.6044V13.5386C12.1428 13.2295 12.2008 12.9861 12.3098 12.7824C12.4187 12.5787 12.5786 12.4188 12.7823 12.3099C12.986 12.2009 13.2294 12.1429 13.5385 12.1429H13.6043ZM12.5652 3.57216H7.43476L7.14282 3.57578V4.28578C7.14282 4.68027 6.82303 5.00007 6.42854 5.00007C6.03405 5.00007 5.71425 4.68027 5.71425 4.28578L5.71372 3.70901C5.44179 3.7718 5.22655 3.85874 5.00901 3.97509C4.55955 4.21546 4.21536 4.55966 3.97498 5.00911C3.71111 5.50251 3.59847 5.98407 3.57581 7.14196L16.4235 7.14293L16.4216 7.02854C16.3938 5.95199 16.28 5.48608 16.0249 5.00911C15.7846 4.55966 15.4404 4.21546 14.9909 3.97509C14.7734 3.85877 14.5582 3.77184 14.2864 3.70905L14.2857 4.28578C14.2857 4.68027 13.9659 5.00007 13.5714 5.00007C13.1769 5.00007 12.8571 4.68027 12.8571 4.28578L12.8588 3.57593C12.7654 3.5741 12.6677 3.57285 12.5652 3.57216Z"
        fill="currentColor"
      />
    </svg>
  );
}

export function TimeIcon(): JSX.Element {
  return (
    <svg
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M10 1.875C14.4862 1.875 18.125 5.5125 18.125 10C18.125 14.4875 14.4862 18.125 10 18.125C5.5125 18.125 1.875 14.4875 1.875 10C1.875 5.5125 5.5125 1.875 10 1.875ZM10 3.75C6.54803 3.75 3.75 6.54803 3.75 10C3.75 13.452 6.54803 16.25 10 16.25C13.4512 16.25 16.25 13.4515 16.25 10C16.25 6.54851 13.4512 3.75 10 3.75ZM9.46281 5.85C9.98058 5.85 10.4003 6.26973 10.4003 6.7875V9.79886L13.3709 10.8045C13.8614 10.9705 14.1243 11.5027 13.9583 11.9931C13.7923 12.4835 13.2601 12.7465 12.7697 12.5805L9.1622 11.3592C8.7815 11.2304 8.52531 10.8732 8.52531 10.4713V6.7875C8.52531 6.26973 8.94505 5.85 9.46281 5.85Z"
        fill="currentColor"
      />
    </svg>
  );
}

export function RemoveIcon(): JSX.Element {
  return (
    <svg
      width="16"
      height="16"
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect width="16" height="16" fill="white" fillOpacity="0.01" />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M10.7703 9.66123C10.9173 9.80816 10.9999 10.0075 11 10.2153C11 10.4232 10.9175 10.6225 10.7706 10.7696C10.6237 10.9166 10.4243 10.9992 10.2165 10.9993C10.0086 10.9993 9.80927 10.9168 9.66226 10.7699L8.00026 9.10723L6.33759 10.7699C6.26498 10.8429 6.17866 10.9008 6.08358 10.9404C5.98851 10.9799 5.88656 11.0003 5.78359 11.0003C5.68062 11.0003 5.57867 10.9799 5.4836 10.9404C5.38852 10.9008 5.3022 10.8429 5.22959 10.7699C5.08258 10.6229 5 10.4235 5 10.2156C5 10.0077 5.08258 9.80826 5.22959 9.66123L6.89159 7.99923L5.22959 6.33723C5.09143 6.18856 5.0163 5.9921 5.02002 5.78917C5.02374 5.58625 5.106 5.39267 5.24952 5.24916C5.39303 5.10564 5.58661 5.02338 5.78953 5.01966C5.99246 5.01594 6.18892 5.09107 6.33759 5.22923L8.00026 6.89123L9.66226 5.22923C9.73501 5.15648 9.82138 5.09877 9.91643 5.05939C10.0115 5.02002 10.1134 4.99976 10.2163 4.99976C10.3191 4.99976 10.421 5.02002 10.5161 5.05939C10.6111 5.09877 10.6975 5.15648 10.7703 5.22923C10.843 5.30198 10.9007 5.38835 10.9401 5.48341C10.9795 5.57846 10.9997 5.68034 10.9997 5.78323C10.9997 5.88612 10.9795 5.988 10.9401 6.08305C10.9007 6.17811 10.843 6.26448 10.7703 6.33723L9.10826 7.99923L10.7703 9.66123Z"
        fill="currentColor"
      />
    </svg>
  );
}
